html,body,.container{
	height: 100%;
	background-color:  #535454;
	font-family: Palatino Linotype;
}

.container
{
    display:table;
    width: 100%;
    margin-top: -50px;
    padding-top: 50px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.page-header{
	background-color: #ffbb00;
	color:#6c101a;
	padding: 20px;
	margin-bottom: 0;
	border-bottom-width: 0;
	font-family: Palatino Linotype;
	margin-top: 0px;
}

.page-header form input{
	margin-top: 20px;
}

.main_part{
	background-color: #535454;
	min-height: 100%;
	border-top:1px solid black;
}

.main_part h2{
	color:#ffbb00;
	margin-left:5em;
	margin-top: 3em;
	margin-bottom: 1em;
}


.menu_bar{
	background-color: #88898a;
	height: 230vh; /*YEMEDİ!!!!!!*/
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
}

.row:nth-child(2){
	height:100vh;
}
.menu_bar table{
/*border:1px solid black;*/
/*width:100%;*/
margin-left: -15px;
margin-right: -15px;
}

.menu_bar td{
	width:240px;
	height: 30px;
	border-bottom: 1px solid black;
	padding-left: 8px;
}


.main_part table{
	border:1px solid black;
	background-color: white;
	/*margin-top: 80px;*/
	margin-left: 8em;
}

.main_part td{
	width: 100px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.main_part table a{
	color:green;

}

.menu_bar a {
	color: #2e2e2e;
}

.login_box{
	font-family: Palatino Linotype;
	margin-left: 100px;
	margin-top:60px;
	border:1px solid #ffbb00;
	width:400px;
}

.login_box input{
	width:50%;
}

.login_box label{
	/*color:#88898a;*/
	margin-top:10px;
	color:#ffbb00;
}

.login_box button{
	background-color: red;
	color: #6c101a;

}

.yellow_button{
	background-color: red;
	margin-bottom: 20px;
	margin-top:13px;
}

.login_box a{
	color:#ffbb00;
	text-decoration: underline;
}

.login_box a:hover{
	font-weight: bold;
}

.new_account{
	font-family: Palatino Linotype;
	margin-left: 5px;
	margin-top:60px;
	border:1px solid #ffbb00;
	width:400px;
	height:257px;
	color:#ffbb00;
}

.new_account p{
	color:#88898a;
}

.new_account  button{
	color:#6c101a;
	background-color:#ffbb00;
	margin-left: 50px;
}
 /***************************/
.signup_box{
 	font-family: Palatino Linotype;	
 	margin-left: 100px;
	margin-top:60px;
	border:1px solid #ffbb00;
	padding-top: 25px;
	padding-bottom:10px;
 }

.signup_box input{
 	width:73%;
 	margin-left: 30px;
}

.signup_box label{
	color:#ffbb00;
	padding-left: 27px;
}

.signup_box button{
	color:#6c101a;
	background-color: #ffbb00
}

.video_bar{
	border-top:1px solid black;
	border-right:1px solid black;
	/*order-bottom:1px solid black;
	*/height: 200vh;
	background-color: #434342; 
}

.video_bar table{
	border:1px solid black;
	margin-top:30px;
	margin-left:35px;
}

.video_bar h3{
	color:#ffbb00;
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}
/*.video_bar th{
	background-color: #ffbb00;
	border-bottom: 1px solid black;
	height: 30px;
	color:#6c101a;
	padding-left: 10px;
}

.video_bar td{
	background-color: #88898a;
	width:540px;
	height: 320px;
}*/

.video_frame{
	border:1px solid #ffbb00;
	height:25em;
	width:37em;
	margin-left: 3em;
	margin-bottom: 1em;
}

.video_bar table:nth-child(3) td {
	height: 230px;
}

.video_bar .video_buttons button:first-child{
	margin-right: 250px;
	margin-left: -20px;

}

.video_bar .video_buttons button{
	color:#6c101a;
	margin-top: 15px;
	margin-bottom: 3em;
}

.video_bar h3{
	color:#ffbb00;
	margin-top: 3em;
	margin-left: 3em;
}

#comment{
	width:36em;
	height:8em;
	margin-left: 4em;
	margin-top: 1em;
	margin-bottom: 1em;
}

#comments li{
	list-style-type: none;
	color:#acacad;
	margin-right: 2em;
}

#comments h4{
	color:#ffbb00;
}

#comment-btn{
	margin-left:32em;
	color:#6c101a;
}

#comment-error-message{
	color:#6c101a;
	margin-left: 15em;
	margin-top: -2em;
	margin-bottom: 3em;

}

.desc_bar{
	/*background-color: #434342;*/
	background-color: #545453;
	height: 200vh;
	border-top:1px solid black;
	/*border-right:1px solid black;
	border-bottom:1px solid black;*/
}
.desc_bar h4{
	color:#ffbb00;
	margin-top: 2em;
	margin-bottom: 1em;
	margin-left: 1em;
}
.desc_frame{
	height:10em;
	width: 25em;
	border:1px solid #ffbb00;
	margin-left: 2em;
}

.desc_bar h3{
	color:#ffbb00;
	margin-bottom: 1em;
	margin-top: 2em;
	margin-left: 2em;
}


.recommendation_list{
	width:24em;
	margin-left: 2em;
}
.recommendation_list a{
	background-color: #88898a;
	color:black;
	height:4em;
	border-color: #ffbb00;
}

.info_part h3{
	color:#ffbb00;
	margin-top: 2em;
	margin-left: 2em;
	margin-bottom: 2em;
}

.channel_list a{
	width: 25em;
	margin-left: 2em;
	background-color: #88898a;
	border-color:#ffbb00;
}

.password-change-pane{
	margin-left: 2em;
}



.info_part input{
	width:50%;
	margin-left: 30px;

}
.info_part .listgroup  a{
	border-bottom:1px solid black;
}
.info_part label{
	color:#ffbb00;
}

.info_part button{
	background-color: red;
	color: #6c101a;

}

.video_list h3{
	color:#ffbb00;
	margin-top: 2em;
	margin-left: -2em;
	margin-bottom: 2em;
}

.user_video_list a{
	background-color: #88898a;
	color:black;
	height:4em;
	border-color: #ffbb00;
}
.user_video_list{
	margin-left: -5em;
	width:25em;
}



.list-group a{
	background-color: #88898a;
	color:black;
	height:30px;
	padding-top:-3px;
	border-top:1px solid black;
	border-left:none;
	border-right:none;
	border-bottom: none;
}

.video_list .list-group a{
	height:80px;
	color:black;
	
	border:1px solid black;
}





.results{
	border:1px solid #ffbb00;
	width:55%;
	margin-top: 5%;
	margin-left: 8%;
	color:#acacad;
	margin-bottom: 3%;

}
.results h2{
	color: #ffbb00;
	margin-left: 3%;
	margin-bottom: 5%;
	margin-top: 4%;
}

.results div:first-child{
	border:1px solid #88898a;

}

.results ul{
	list-style-type: none;
}
.results li{
	margin-bottom: 3%;
	margin-left:-2%;
	margin-right: 4%
}

.results .image{
	border:1px solid #6c101a;
	height: 100px;
	width:100px;
	margin-left: 3%;
	margin-right: 4%;
	margin-top: 3%;
	display:inline-block;
	float:left;
}

/*.results ul li div:nth-child(2){
	float:right;

}*/

.results .desc{
	/*float:right;*/
	/*border:1px solid white;*/
	display:inline-block;
	/*margin-left: 5%;*/
	margin-top: 3%;

	width:75%;
}

.forum_box{
	border:1px solid #ffbb00;
	width:30%;
	margin-left: 5%;
	margin-top: 5%;
	
}

.forum_box h2{
	color:#ffbb00;
	margin-bottom: 8%;
	margin-left:4%;
}

.forum_box ul{
	list-style-type: square;
}

.forum_box li{
	list-style: none;
	
}

.forum_box li:before{
	content:'\2022';
	color:#ffbb00;
	font-size: 20px;
	margin-right: 5%;
	border-radius: 20%;
}

.forum_box a{
	color:#acacad;
}



.buttons{
	border:1px solid #535354;
	margin-top: 10%;
	margin-left: 3%;

}

.buttons li{
	list-style: none;

}

.buttons li button{
	margin-left: -10%;
	color:#6c101a;
}

.buttons li:nth-child(2){
	margin-left: 8%;
}


.topics{
	
	width:60%;
	margin-top: 5%;
	margin-left: 6%;
	color:#acacad;
	margin-bottom: 3%;

}


.topics h2{
	color: #ffbb00;
	margin-left: 3%;
	margin-bottom: 5%;
	margin-top: 4%;
}

.topics ul{
	list-style-type: none;

}
.topics ul li a div{
	margin-bottom: 3%;
	
	margin-right: 1%;
	color: #acacad;
	width:60%;
	border:1px solid #ffbb00;
}
.topics ul li a div:hover {
	color:#ffbb00;
}



.topics ul li div:first-child{
	
	
	float: left;
	margin-left: -1%;
	margin-right: 4%;
	
}

.topics ul li div:nth-child(2){
	
	display:inline-block;
	float:right;
}

.upload{
	border:1px solid #ffbb00;
	height:43em;
	width:35em;
	margin-left: 5em;
	margin-top: 4em;
	padding: 5em;
	color:#acacad;
}

.upload h3{
	color:#ffbb00;
	margin-left: 3em;
	margin-bottom:2em;
	margin-top: -0.5em;
}

.upload input[type=file] {
	margin-top: 1em;
	margin-bottom: 2em;
}

.upload #upload-btn{
	color:green;
	margin-bottom: 2em;
	margin-top: 2em;
}

.upload h4{
	color:#ffbb00;
}
.upload textarea{
	width:25em;
	height:10em;
	margin-bottom: 2em;
}

#upload-error-msg{
	color:#6c101a;
}

.video_list_page h1{
	color:#ffbb00;
	margin-left:8em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.video_list_page div a{
	width:30em;
	margin-left: 20em;
	border-color: #ffbb00;
	background-color: #88898a;
	color: #2e2e2e;
}


.topicpage h2{
	color:#ffbb00;
	margin-top: 2em;
	margin-left: 12em;
	margin-bottom: 1em;
}

.topic_panel{
	border:1px solid #ffbb00;
	margin-left: 25em;
	width: 48%;
	height:10em;
	margin-bottom: 2em;
}

.topic_panel p{
	color:#acacad;
}

.forum_buttons{
	margin-left: 24em;
}

#like{
	margin-left: 31.3em;
	color:green;
}

#report{
	color:#6c101a;
	margin-left: 1em;
}

.answer{
	border:1px solid #ffbb00;
	width: 50%;
	margin-left: 22em;
	height: 8em;
	margin-bottom: 1em;
}

.answer p{
	color:#acacad;
}

#comment_report{
	
	margin-bottom: 2em;
	color:#6c101a;
}

#forum_answer{
	width:36%;
	margin-left: 14em;
	color:#535354;
}

#frm-comment-btn{
	margin-left: 40em;
	color:green;
}

.forum-answer-file {
	margin-left: 29em;
	color:#ffbb00;
}
.new_topic{
	border:1px solid #ffbb00;
	width:52%;
	margin-left: 6em;
	margin-top: 4em;
}

.new_topic h2{
	color:#ffbb00;
	margin-left: 6em;
	margin-top: 2em;
	margin-bottom: 2em;
}

#topic_title{
	margin-left: 2.4em;
	height:2em;
	width: 30em;
	color:#535354;
}

.new_topic div p{
	margin-left:2em;
	color:#ffbb00;
}

#add_topic_panel{
	width:30em;
	margin-left: 5.3em;
	height: 8em;
	margin-bottom: 0.5em;
	color:#535354;
}

.topic-add-file{
	margin-top:3em;
}

.topic-add-file input{
	margin-top: 1em;
	margin-bottom: 2em;
}

#frm-topic-btn{
	color:green;
	margin-left: 13em;
}

#topic_category{
	color:#535354;
}

.add_cat_screen{
	border:1px solid #ffbb00;
	margin-left: 25em;
	margin-top: 5em;
	width: 35%

}

.add_cat_screen h2{
	color:#ffbb00;
	margin-top: 1em;
	margin-left: 3.6em;
	margin-bottom: 2em;
}

.add_cat_screen p{
	color:#ffbb00;
	margin-left: 3em;
	margin-bottom: 2em;
}

#category_id{
	height:2em;
	margin-left: 1em;
	color:#535354;

	
}

#frm-cat-btn{
	color:green;
	margin-left: 20em;
}


.manual{
	padding-right: 20em;
}

.manual h2{
	color:#ffbb00;
	margin-top: 2em;
	margin-left: 15em;
	margin-bottom: 1em;
}

.manual h3{
	color:#ffbb00;
	margin-left: 12em;
	margin-bottom: 1em;
}

.manual p{
	color:#acacad;
	margin-left: 18em;

}

.manual li{
	color:#acacad;
	margin-left: 16em;

}

.manual a{
	color:#ffbb00;

}

.manual li li{
	
	margin-left: 0em;

}

.notification_page{

	width:50%;
	margin-top: 5em;
	margin-left: 5em;
}

.notification_page h2{
	margin-top: 1em;
}

.notification_list a{
	background-color: #88898a;
	margin-left: 5em;
	border:1px solid #ffbb00;
	color:#2e2e2e;
}

.notification_list{
	width:85%;
}